<template>
  <div>
    <el-container>
      <!-- 头 -->
      <el-header>
        <div class="container">
          <!-- 头部标题 -->
          <h3>NO.1家教</h3>
        </div>
      </el-header>

      <div class="container">
        <!-- 左部栏 -->

        <el-container>
          <el-aside width="300">
            <div>
              <div class="w-50 m-auto rounded-pill overflow-hidden">
                <img src="../assets/logo.png" class="w-100" alt="" />
              </div>
              <div class="m-auto text-center mb-5">
                <span>用户：1212312312</span>
                <br /><span
                  style="
                    display: inlink-block;
                    background-color: red;
                    padding: 3px 5px;
                    border-radius: 5px;
                    color: white;
                  "
                  >退出</span
                >
              </div>
              <div>
                <h5
                  class="
                    bg-info
                    hb_center
                    p-2
                    mb-3
                    rounded-pill
                    margin-auto
                    m-auto
                    text-center
                  "
                  style="width: 34%"
                >
                  个人中心
                </h5>
              </div>
              <!-- 头像，退出登录 -->

              <!-- 个人信息 -->
              <el-row class="tac">
                <el-col :span="12">
                  <h5>基础设置</h5>
                  <el-menu
                    :default-active="$route.path"
                    class="el-menu-vertical-demo"
                    router
                  >
                    <!-- 密码修改 -->
                    <el-menu-item index="/teacherlogin/changepwd">
                      <span slot="title">密码修改</span>
                    </el-menu-item>

                    <!-- 修改简历 -->
                    <el-menu-item index="/teacherlogin/resume">
                      <span slot="title">简历修改</span>
                    </el-menu-item>

                    <!-- 课程设置 -->
                    <el-menu-item index="/teacherlogin/cours">
                      <span slot="title">课程设置</span></el-menu-item
                    >

                    <!-- 资料上传 -->
                    <div class="pt-4"><b>资料上传</b></div>

                    <!-- 实名认证 -->
                    <el-menu-item index="/teacherlogin/reamname"
                      ><span slot="title">实名认证</span></el-menu-item
                    >

                    <div class="pt-4"><b>预约</b></div>

                    <!-- 我的订单 -->
                    <el-menu-item index="10"
                      ><span slot="title">我的订单</span></el-menu-item
                    >

                    <!-- 我的预约记录 -->
                    <el-menu-item index="11"
                      ><span slot="title">我的预约记录</span></el-menu-item
                    >

                    <div class="pt-4"><b>评价</b></div>

                    <!-- 我的评价 -->
                    <el-menu-item index="14"
                      ><span slot="title">我的评价</span></el-menu-item
                    >
                  </el-menu>
                </el-col>
              </el-row>
            </div>
          </el-aside>

          <!-- 中间 -->

          <el-main>
            <div class="w-100">
              <router-view />
            </div>
          </el-main>
        </el-container>
      </div>
    </el-container>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.el-row {
  padding: 0;
}
.el-menu {
  width: 200px;
}
.el-aside {
  margin: 0 !important;
  height:100vh;
}
</style>